const arr = reactive(['foo'])

effect(() => {
  console.log(arr.length) // 'foo'
})
arr[1] = 'bar' // 设置索引1的值，会使得数组的长度变为2


const arr = reactive(['foo'])

effect(() => {
  // 访问数组的第0个元素
  console.log(arr[0]) // foo
})
// 将数组的长度修改为0，导致第0个元素被删除，因此应该被触发响应
arr.length = 0

const arr = reactive(['foo'])

effect(() => {
  for (const key in arr) {
    console.log(key) // 0
  }
})